//导入common.css文件
@import 'common';

/* *******************全局变量**************** */
@baseFont: 75;
@inputColor:#757575;
/* *******************全局变量结束**************** */


/* ***********顶部搜索框*********************/
.search-content{
    width: 750rem / @baseFont;
    height: 88rem / @baseFont;
    background-color: rgb(255,192,1);
    position: fixed;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    display: flex;
}
.search-content .classify{
    width: 44rem / @baseFont;
    height: 70rem / @baseFont;
    margin: 11rem / @baseFont 25rem / @baseFont 7rem / @baseFont 24rem / @baseFont;
    background-image: url(../images/classify.png);
    background-repeat: no-repeat;
    background-size: 44rem / @baseFont auto;
}
.search-content #search{
    flex: 1;
    height: 64rem / @baseFont;
    border-radius: 33rem / @baseFont;
    padding: 1rem / @baseFont;
    padding-left: 55rem / @baseFont;
    margin-top: 12rem / @baseFont;
    outline: none;
    border: none;
    line-height: 64rem / @baseFont;
    font-size: 25rem / @baseFont;
    background-color:rgb(255, 242, 204);
    color: @inputColor
}
#search::-webkit-input-placeholder{
    font-size: 25rem / @baseFont;
    color: @inputColor;
}
.search-content .login{
    width: 75rem / @baseFont;
    height: 70rem / @baseFont;
    margin:  10rem / @baseFont;
    font-size: 25rem / @baseFont;
    text-align: center;
    line-height: 70rem / @baseFont;
    color: #fff;
}




/* ***********顶部搜索框结束*********************/
/* ***********focus部分*********************/
.banner{
    width: 750rem / @baseFont;
    height: 368rem / @baseFont;
}
.banner img {
    width: 100%;
    height: 100%;
}

/* ***********focus结束*********************/
/* ***********adv部分*********************/
.adv{
    display: flex;
    width: 750rem / @baseFont;
    a{
        flex: 1;
        img{
            width: 100%;
        }
    }
}
/* ***********adv部分结束*********************/
/* ***********nav部分*********************/
.nav nav{
    width: 750rem / @baseFont;
    display: flex;
    justify-content: space-around;
    flex-flow: row wrap;
    a{  
        display: block;
        flex: 20%;
        width: 150rem / @baseFont;
        height: 140rem / @baseFont;
        text-align: center;
        img{
            width: 82rem / @baseFont;
            height: 82rem / @baseFont;
            margin: 10rem / @baseFont 32rem / @baseFont 0;
        }
        span{
            font-size: 25rem / @baseFont;
            color: #333;
            display: block;
        }
    }
}
/* ***********nav部分结束*********************/